import {createRouter,RouteRecordRaw,createWebHistory} from "vue-router"

import mainVue from "../Components/main/index.vue"
import page1Vue from "../Components/Page1/index.vue"
import page2Vue from "../Components/Page2/index.vue"

const routes: Array<RouteRecordRaw> = [
    {
        path: '/',
        name: 'main',
        meta: { transition: 'animate__fadeOutRight' },
        component: mainVue
    },
    {
        path: '/page1',
        name: 'page1',
        meta: { transition: 'animate__fadeOutRight' },
        component: page1Vue
    },
    {
        path: '/page2',
        name: 'page2',
        meta: { transition: 'animate__fadeOutRight' },
        component: page2Vue
    },
];


const router = createRouter({
    history: createWebHistory(),
    routes
});


export default router

